import { AppGlobalService } from 'src/app/shared/service/app-global.service';
import { HttpService } from 'src/app/shared/service/http.service';
import { LinkListComponent } from './../coms/link-list/link-list.component';
import { Component, Input, OnInit } from '@angular/core';

@Component({
  selector: 'app-performance-detail-list',
  templateUrl: './performance-detail-list.component.html',
  styleUrls: ['./performance-detail-list.component.scss'],
})
export class PerformanceDetailListComponent implements OnInit {
  @Input() tagData: any;
  pageNo: any = 1;
  pageT = 1;
  params: any;
  sessionId = localStorage.getItem("sessionId");
  constructor(
    private httpService: HttpService,
    private appGlobalService: AppGlobalService
  ) { }

  ngOnInit() {

    this.params = this.tagData.submit;
    this.pageT = this.tagData.pageTotal / this.tagData.pageSize ;
    // this.tagData = {
    //   type: "tag",
    //   style: "listTotalTag",
    //   name: "listTotalTag",
    //   linearLayout: "body",
    //   cssStyle: "padding:0 1.25rem",
    //   data: [
    //     [
    //       {
    //         iconStart:'home_business_icon-ppzs.png', // 没有 不返回即可
    //         iconEnd:'', //  没有 不返回即可
    //         label:'转店 50899',
    //         value:'18320394829',
    //         valueCssStyle:"color: #858894;font-size: 0.75rem;",
    //         labelCssStyle:"color:#27282E",
    //         cssStyle:"flex-grow:1;display: flex;align-items: flex-start;"
    //       },
    //       {
    //         iconStart:'',
    //         label:'分',
    //         value:'余',
    //         valueCssStyle:"color: #858894;font-size: 0.75rem;",
    //         cssStyle:"flex-basis:1rem;text-align: right;",
    //         labelCssStyle:"font-size: 0.75rem;color: #858894;",
    //       },
    //       {
    //         iconStart:'',
    //         label:'1',
    //         value:'0.5',
    //         valueCssStyle:"color: #27282E;font-size: 0.88rem;font-weight: bold;",
    //         cssStyle:"flex-basis:3.75rem;text-align: right;font-weight: bold;",
    //         labelCssStyle:"font-size: 0.88rem;color: #27282E;font-weight: bold;",
    //       },
    //       {
    //         iconStart:'',
    //         label:'1000',
    //         value:'8000',
    //         valueCssStyle:"color:#27282E;font-size: 0.88rem;font-weight: bold;",
    //         cssStyle:"flex-basis:5.5rem;text-align: right;",
    //         labelCssStyle:"font-size: 0.88rem;color: #27282E;font-weight: bold;",
    //       },
    //     ],

    //   ]
    // };

    //  this.tagData = {
    //   type: "tag",
    //   style: "listTotalTag",
    //   name: "listTotalTag",
    //   linearLayout: "body",
    //   cssStyle: "padding:0 1.25rem",
    //   data: [
    //     {
    //       items :[
    //         {
    //           label:'发布分单',
    //           cssStyle:""
    //         },
    //         {
             
    //           label:'0.5',
    //           cssStyle:""
    //         },
    //         {
             
    //           label:'1000',
    //           cssStyle:""
    //         },
    //       ],
    //       link : {

    //       }
    //     },
    //     {
    //       items :[
    //         {
    //           label:'协助分单',
    //           cssStyle:""
    //         },
    //         {
             
    //           label:'0.5',
    //           cssStyle:""
    //         },
    //         {
             
    //           label:'1000',
    //           cssStyle:""
    //         },
    //       ],
    //       link : {

    //       }
    //     }
        

    //   ]
    // };
  }

  loadData(event) {
    setTimeout(() => {
      this.params.sessionId = localStorage.getItem("sessionId");
      // 请求下一个页面
      this.pageNo = this.pageNo + 1;
      this.params.content.pageNo = this.pageNo;
      // 请求获取新数据
      this.httpService.post("application/submit", this.params, res => {
        // 请求数据成功
        if (res.success) {
          // 追加返回数据
          if (Array.isArray(res.data.data) && res.data.data.length > 0) {
            // 追加数据
            res.data.data.map(item => {
              this.tagData.data.push(item);

            });
            // this.params = res.data.submit;
          } else {
            // 没有数据了
            // this.appGlobalService.showToast("没有数据了...", 1000, "bottom");
          }
          event.target.complete();
        } else {
          // 请求失败，更新当前页数
          this.pageNo = this.pageNo - 1;
          // 请求数据失败
          this.appGlobalService.showToast(res.message, 2000, "middle");
          event.target.complete();
        }
      });
    }, 500);
  }
}
